
//
// Variables
// --------------------------------------------------

@white: #f0f1f6;
@gray-100: #c3c3cf;
@gray-200: #acadbf;
@gray-300: #8f8fa2;
@gray-400: #727489;
@gray-500: #595b71;
@gray-600: #424554;
@gray-700: #353742;
@gray-800: #262936;
@gray-900: #1e1f2b;
@black: #181826;

@gray-base: #181826;
@gray-base-light: @gray-900;
@gray-darker: @gray-800;
@gray-dark: @gray-600;
@gray: @gray-400;
@gray-light: @gray-200;
@gray-lighter: @white;

@color-1: #f06582;
@color-1-1: #f3766e;
@color-1-2: #f38a66;
@color-1-3: #eea361;
@color-2: #f0b362;
@color-2-1: #f0c254;
@color-2-2: #edcd51;
@color-2-3: #c4d451;
@color-3: #7bd85d;
@color-3-1: #51d27a;
@color-3-2: #37c4ac;
@color-3-3: #2fb7d2;
@color-4: #2f9ef3;
@color-4-1: #5186ee;
@color-4-2: #7069ee;
@color-4-3: #8361d4;
@color-5: #945ab5;
@color-5-1: #bf569f;
@color-5-2: #d85b9a;
@color-5-3: #ed558c;

@brand-ravendb: #cf1f5d;
@brand-cloud: @color-2-3;

@brand-primary: @color-5;
@brand-primary-dark: darken(@brand-primary, 5%);
@brand-primary-light: lighten(@brand-primary, 5%);

@brand-database-color: darken(@brand-primary, 5%);

@link-color: #c072ee;
@link-hover-color: @text-color;
// Define amount of lightness and saturation modifiers to primary brand colors
@lightness-percent: 13%;
@saturation-percent: 20%;

@bg-faded-primary: #362b47;
@text-faded-primary: #a27abd;

